<template>
  <div class="viewbox">
    <div class="title">
      {{params.title}}
    </div>
    <lazy-component>
        <div class="iframe-container">
          <iframe :src="params.share_url" style="width:100%;height:100%" scrolling="auto" frameborder="0" id="iframe"></iframe>
        </div>
    </lazy-component>
    111
  </div>
</template>

<script>

export default {
  name:'scrollview',
  data(){
    return {
      params:''
    }
  },
  created(){
    let params = this.$route.params;
    this.params = params;
  }
}
</script>

<style lang="scss" scoped>
.viewbox{
  width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
}
  .iframe-container{
    flex:0 1 80%;
  }
</style>